<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>港口资讯</title>
    <link rel="stylesheet" href="src/images/reset.css">
    <link rel="stylesheet" href="src/css/idangerous.swiper2.7.6.css">
    <link rel="stylesheet" href="src/css/pagination_new.css">
    <link rel="stylesheet" href="src/css/gkzx.css">
    <link rel="stylesheet" href="src/css/animate.min.css">
</head>
<body>
    <div class="page-home-net" style="padding-top:124px;">

        <div class="list-wrap">
            <!-- 站内导航 -->
            <div class="position_wrap">
                <div class="w1200 list-header">
                    <img src="src/images/dot.png" alt="" class="list-header-mark">
                    <span class="list-header-title">首页</span>
                    <span>&gt;</span>
                    <span class="list-header-active">港口资讯</span>
                </div>
            </div>

            <div class="list-content w1200">
                <div class="list-content-nav">
                    <div class="list-content-nav-item">港口资讯</div>
                </div>
                <div class="list-content-table" >
                    <div class="list-content-table-tr">
                        <div class="icon"><img src="src/images/dot2.png" alt="" /></div>
                         <div class="content"><a href="./201809/t20180912_562.html">[复制]天津港将建设智慧型自动化集装箱码头</a></div>
                        <div class="time">2018-09-01</div>
                    </div>
                    <div class="list-content-table-tr">
                        <div class="icon"><img src="src/images/dot2.png" alt="" /></div>
                         <div class="content"><a href="./201809/t20180912_562.html">[复制]天津港将建设智慧型自动化集装箱码头</a></div>
                        <div class="time">2018-09-01</div>
                    </div>
                    <div class="list-content-table-tr">
                        <div class="icon"><img src="src/images/dot2.png" alt="" /></div>
                         <div class="content"><a href="./201809/t20180912_562.html">[复制]天津港将建设智慧型自动化集装箱码头</a></div>
                        <div class="time">2018-09-01</div>
                    </div>
                </div>
                <!--分页-->
                <div class="list-content-pagination pagination">

                </div>
            </div>
        </div>
    </div>

    <script src="src/js/jquery-1.10.1.min.js"></script>
    <script src="src/js/idangerous.swiper.min.js"></script>
    <script src="src/js/swiper.animate1.0.2.min.js"></script>
    <script language="javascript">
        // banner
        var mySwiper = new Swiper ('.banner-wrap', {
            pagination: '.swiper-pagination',
            paginationClickable :true,
            autoplay : 3000,
            loop: true,
            speed:300,
            autoplayDisableOnInteraction : false,
            onProgressChange: function(swiper){
                for (var i = 0; i < swiper.slides.length; i++){
                    var slide = swiper.slides[i];
                    var progress = slide.progress;
                    var translate = progress*swiper.width;  
                    var opacity = 1 - Math.min(Math.abs(progress),1);
                    slide.style.opacity = opacity;
                    swiper.setTransform(slide,'translate3d('+translate+'px,0,0)');
                }
            },
            onTouchStart:function(swiper){
                for (var i = 0; i < swiper.slides.length; i++){
                    swiper.setTransition(swiper.slides[i], 0);
                }
            },
            onSetWrapperTransition: function(swiper, speed) {
                for (var i = 0; i < swiper.slides.length; i++){
                swiper.setTransition(swiper.slides[i], speed);
                }
            }
        });  
    </script>
</body>
</html>